.main-header{
  width:100%;
  height:50px;
  padding:10px 20px;
  display: flex;
  justify-content: space-between;
  background:linear-gradient(256deg,#109ef3,#003a8c);
  color:#fff;
}
.collapsed-area{
 .anticon{
   font-size:20px;
 }
}
.opration-area{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  div{
    margin:0 10px;
  }
  .anticon{
    font-size:20px;
  }
  .pre-userAvatar{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height:40px;
  }
  .userAvatar{
    width:36px;
    height:36px;
    border-radius: 100%;
    border:solid 1px  #fff;
  }
  .downIcon{
    font-size:12px;
    margin:4px 0 0 4px;
  }
}
